import React, { useRef } from 'react';

const App = () => {

  // 创建一个 ref 属性
  // 创建 ref 的时候，初始化设置为 null
  const inputRef = useRef(null)

  return (
    <div>
        {/* htmlFor 代替 for 属性，用来跟 input 绑定用的 */}
        <label htmlFor='inp'>点击我进行输入</label>
        <input type="text" id='inp' ref={inputRef} />

        <button onClick={()=>{
          // inputRef.current 就是找到目标内容
          // inputRef.current.value 找到其值
          console.log(inputRef.current.value);
        }}>获取输入的内容</button>
    </div>
  );
};

export default App;
